<script >
export default{
    name:"App",
    // 1.setup组合API的起点，将来的组合API的代码，基本上在这里应用
    // 2setup可以理解为：在beforeCreate勾子函数执行前执行的方法，它会在实例创建前就执行
    // 3.vue3函数中不能使用this ==>undefined
    // 4模板中需要使用的数据和函数，需要在setup中返回
    setup() {
      console.log("setup",this);//log的this会=undefined
    //   绑定数据
    const msg="12121"
      // 创建函数
      const  say=()=>{
            console.log("点击了hi  vue3");
        }
    return{msg,say}
      
    },
    // 不建议在vue3中使用beforeCreate钩子函数
    beforeCreate(){
        console.log("beforeCreate");
    }
}
</script>

<template >
  <div class="container">
   <h1  @click="say">{{ msg }}</h1>
  </div>
</template>

<style lang="scss" scoped>

</style>